<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'imageTextTip.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
a {
	color: #00848E;
	text-decoration: none;
}
a:HOVER {
	/* font-weight: bold; */
	text-decoration: underline;
}
a:ACTIVE {
	color: gray;
}
body {
	background: #f5f5f5;
}
.main {
	width: 90%;
	height: 99%;
	display: block;
	margin: auto;
	border: 1px solid #dbdbdb;
}
.leftBar {
	float: left;
	height: 99%;
	padding: 5px;
	border-right: 1px solid #dbdbdb;
}
.rightBar {
	float: left;
	height: 99%;
	padding-left: 10px;
	border: 0px solid #dbdbdb;
}
.tip {
	width: 330px;
	height: 70px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #dbdbdb;
	background: white;
}
.tip .f-left {
	float: left;
	margin-right: 10px;
}
.tip .f-left li {
	list-style: none;
}
.tip .img img {
	width:80px;
	height:100%;
}
.tip .title {
	padding-bottom: 5px;
	border: 0px solid black;
}
.tip .content {
	padding-bottom: 5px;
	border: 0px solid black;
	font-size: 14px;
	color: gray;
}
</style>
</head>
<body>
  <div class="main">
  <div class="leftBar">
  <%
  	for(int i=0;i<6;i++){
  	
   %>
	<div class="tip">
		<div class="f-left"><a class="img" href="javascript:;"><img alt="img" src="images/ubuntu.jpg" /></a></div>
		<div class="f-left">
			<li><a href="javascript:;"><div class="title">Web前端HTML+CSS+JS初级入门</div></a></li>
			<li><div class="content">2765人学习</div></li>
		</div>
	</div>
  	<%
  		}
  	 %>
  </div>
  
  <div class="rightBar">
  	ffasdf	
  </div>
  <div style="clear: both;"></div>
  </div>
</body>
</html>
